.scaleBg {
	-webkit-animation:scale-bg 6s linear forwards;
	animation:scale-bg 6s linear forwards;
}
@keyframes scale-bg {
 from {
 opacity:0;
 -webkit-transform:scale(0);
 transform:scale(0);
}
to {
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}
}
.slideLeft {
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
 @keyframes slideLeft {
 0% {
 transform: translateX(150%);
 opacity: 0;
}
 100% {
 transform: translateX(0%);
 opacity: 1;
}
}
 @-webkit-keyframes slideLeft {
 0% {
 -webkit-transform: translateX(150%);
 opacity: 0;
}
 100% {
 -webkit-transform: translateX(0%);
 opacity: 1;
}
}
.slideRight {
	animation-name: slideRight;
	-webkit-animation-name: slideRight;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
}
 @keyframes slideRight {
 0% {
 -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 transform: translateX(-150%);
 opacity: 0;
}
 100% {
 -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
 animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
 transform: translateX(0%);
 opacity: 1;
}
}
 @-webkit-keyframes slideRight {
 0% {
 -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 transform: translateX(-150%);
 opacity: 0;
}
 100% {
 -webkit-animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
 animation-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
 transform: translateX(0%);
 opacity: 1;
}
}
.driveInLeft {
	-webkit-animation-name: driveInLeft;
	animation-name: driveInLeft;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
 @keyframes driveInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-60px, 0, 0);
 transform: translate3d(-60px, 0, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.driveInRight {
	-webkit-animation-name: driveInRight;
	animation-name: driveInRight;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
 @keyframes driveInRight {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(60px, 0, 0);
 transform: translate3d(60px, 0, 0);
}
 100% {
opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.driveInTop {
	-webkit-animation-name: driveInTop;
	animation-name: driveInTop;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
 @keyframes driveInTop {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -200px, 0);
 transform: translate3d(0, -200px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.driveInBottom {
	-webkit-animation-name: driveInBottom;
	animation-name: driveInBottom;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
 @keyframes driveInBottom {
 0% {
 opacity: 0;
 -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
 animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
 -webkit-transform: translate3d(0, 300px, 0);
 transform: translate3d(0, 300px, 0);
}
 30% {
 opacity: 1;
}
 60% {
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 100% {
 -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
 animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-webkit-keyframes clockwise {
 0% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(360deg);
}
}
 @keyframes clockwise {
 0% {
transform: rotate(0deg);
}
 100% {
transform: rotate(360deg);
}
}
 @-webkit-keyframes counter-clockwise {
 0% {
-webkit-transform: rotate(360deg);
}
 100% {
-webkit-transform: rotate(0deg);
}
}
 @keyframes counter-clockwise {
 0% {
transform: rotate(360deg);
}
 100% {
transform: rotate(0deg);
}
}
.kuan {
	-webkit-animation-name: kuan;
	animation-name: kuan;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
@keyframes kuan {
0% {
right:0;
width:0px;
}
100% {
right:0;
width: 200px;
}
}
.kuan1 {
	-webkit-animation-name: kuan1;
	animation-name: kuan1;
	animation-timing-function: ease-in;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}
@keyframes kuan {
 100% {
right:0;
width: 200px;
}
0% {
right:0;
width:0px;
}
}
.xiaon {
	animation:xiaon 5s 1 forwards;
	-mzoanimation:xiaon 5s 1 forwards;
	-webkit-animation:xiaon 5s 1 forwards;
	-o-animation:xiaon 5s 1 forwards;
}
 @keyframes xiaon {
 0% {
 width:0;
opacity:0;
}
100% {
 width:100;
opacity:1;
}
}
.zifadeInUp {
	-webkit-animation-name: zifadeInUp;
	animation-name: zifadeInUp;
}
@-webkit-keyframes zifadeInUp {
 0% {
 -webkit-transform:translateY(30px);
 opacity: 0.5;
}


 100% {
 -webkit-transform:translateY(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInUp {
 0% {
 -ms-transform:translateY(30px);
 opacity: 0;
}
 100% {
 -ms-transform:translateY(0px);
 opacity: 1;
}
}
@keyframes zifadeInUp {
 0% {
 transform:translateY(30px);
 opacity: 0;
}
 100% {
 transform:translateY(0px);
 opacity: 1;
}
}
.zifadeInDown {
	-webkit-animation-name: zifadeInDown;
	animation-name: zifadeInDown;
}
 @-webkit-keyframes zifadeInDown {
 0% {
 -webkit-transform:translateY(-30px);
 opacity: 0.5;
}
 100% {
 -webkit-transform:translateY(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInDown {
 0% {
 -ms-transform:translateY(-30px);
 opacity: 0;
}
 100% {
 -ms-transform:translateY(0px);
 opacity: 1;
}
}
@keyframes zifadeInDown {
 0% {
 transform:translateY(-30px);
 opacity: 0;
}
 100% {
 transform:translateY(0px);
 opacity: 1;
}
}
.shake1 {
	animation:shake1 5s infinite;
	-mzoanimation:shake1 5s infinite;
	-webkit-animation:shake1 5s infinite;
	-o-animation:shake1 5s infinite;
}
@keyframes shake1 {
 0%, 100% {
 -webkit-transform: translateY(5px);
 -ms-transform: translateY(5px);
 transform: translateY(5px);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translateY(-5px);
 -ms-transform: translateY(-5px);
 transform: translateY(-5px);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translateY(5px);
 -ms-transform: translateY(5px);
 transform: translateY(5px);
}
}
.spinIn {
	-webkit-animation-name: spinIn;
	animation-name: spinIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	animation-iteration-count:infinite;
}
 @keyframes spinIn {
 0% {
 opacity: 0;
 -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
 animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
 -webkit-transform: rotateZ(0deg) scale3d(0, 0, 0);
 transform: rotateZ(0deg) scale3d(0, 0, 0);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
 50% {
 opacity: 1;
}
 70% {
 -webkit-transform: rotateZ(380deg) scale3d(1, 1, 1);
 transform: rotateZ(380deg) scale3d(1, 1, 1);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
 100% {
 -webkit-transform: rotateZ(360deg) scale3d(1, 1, 1);
 transform: rotateZ(360deg) scale3d(1, 1, 1);
 -webkit-transform-origin: center center;
 transform-origin: center center;
}
}
.rotate {
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	-webkit-transition-duration: 0.7s;
}
.fangun {
	animation:fangun 5s infinite;
	-mzoanimation:fangun 5s infinite;
	-webkit-animation:fangun 5s infinite;
	-o-animation:fangun 5s infinite;
}
@keyframes fangun {
 0% {
 transform:rotateY(0deg);
 -moz-transform:rotateY(0deg);
 -webkit-transform:rotateY(0deg);
 -o-transform:rotateY(0deg);
}
 100% {
 transform:rotateY(360deg);
 -moz-transform:rotateY(360deg);
 -webkit-transform:rotateY(360deg);
 -o-transform:rotateY(360deg);
}
}
 @-webkit-keyframes circleProgressLoad {
 0% {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
}
}
.zifadeInRight {
	-webkit-animation-name: zifadeInRight;
	animation-name: zifadeInRight;
}
@-webkit-keyframes zifadeInRight {
 0% {
 -webkit-transform:translateX(100px);
 opacity: 0;
}
 100% {
 -webkit-transform:translateX(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInRight {
 0% {
 -ms-transform:translateX(100px);
 opacity: 0;
}
 100% {
 -ms-transform:translatranslateXteY(0px);
 opacity: 1;
}
}
@keyframes zifadeInRight {
 0% {
 transform:translateX(100px);
 opacity: 0;
}
 100% {
 transform:translateX(0px);
 opacity: 1;
}
}
.zifadeInLeft {
	-webkit-animation-name: zifadeInLeft;
	animation-name: zifadeInLeft;
}
@-webkit-keyframes zifadeInLeft {
 0% {
 -webkit-transform:translateX(-100px);
 opacity: 0;
}
 100% {
 -webkit-transform:translateX(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInLeft {
 0% {
 -ms-transform:translateX(-100px);
 opacity: 0;
}
 100% {
 -ms-transform:translatranslateXteY(0px);
 opacity: 1;
}
}
@keyframes zifadeInLeft {
 0% {
 transform:translateX(-100px);
 opacity: 0;
}
 100% {
 transform:translateX(0px);
 opacity: 1;
}
}
.popIn {
	-webkit-animation-name: popIn;
	animation-name: popIn;
}
 @keyframes popIn {
 0% {
 -webkit-transform: scale3d(0, 0, 0);
 transform: scale3d(0, 0, 0);
 opacity: 0;
}
 20% {
 opacity: 1;
}
 40% {
 -webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
 animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
 -webkit-transform: scale3d(1.08, 1.08, 1.08);
 transform: scale3d(1.08, 1.08, 1.08);
}
 60% {
 -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
 animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 80% {
 -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
 animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 100% {
 -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
.fangun1 {
	animation:fangun1 10s linear infinite;
	-mzoanimation:fangun1 10s linear infinite;
	-webkit-animation:fangun1 10s linear infinite;
	-o-animation:fangun1 10s linear infinite;
}
@keyframes fangun1 {
 0% {
 left:0;
 opacity: 1;
 transform: translateX(100px);
}
 100% {
 left:1920px;
 opacity: 1;
 transform: translateX(0);
}
}
.fangun2 {
	animation:fangun2 10s linear infinite;
	-mzoanimation:fangun2 10s linear infinite;
	-webkit-animation:fangun2 10s linear infinite;
	-o-animation:fangun2 10s linear infinite;
}
@keyframes fangun2 {
 0% {
 right:0;
 opacity: 1;
 transform: translateX(100px);
}
 100% {
 right:1920px;
 opacity: 1;
 transform: translateX(0);
}
}
.openDownLeftRetourn {
	-webkit-animation-name:openDownLeftRetourn;
	animation-name:openDownLeftRetourn;
}
@keyframes openDownLeftRetourn {
0% {
transform-origin:bottom left;
transform:rotate(-110deg);
animation-timing-function:ease-in-out;
}
100% {
transform-origin:bottom left;
transform:rotate(0deg);
animation-timing-function:ease-out;
}
}
.zifadeInUp {
	-webkit-animation-name: zifadeInUp;
	animation-name: zifadeInUp;
}
@-webkit-keyframes zifadeInUp {
 0% {
 -webkit-transform:translateY(30px);
 opacity: 0;
}
 100% {
 -webkit-transform:translateY(0px);
 opacity: 1;
}
}
@-ms-keyframes zifadeInUp {
 0% {
 -ms-transform:translateY(30px);
 opacity: 0;
}
 100% {
 -ms-transform:translateY(0px);
 opacity: 1;
}
}
@keyframes zifadeInUp {
 0% {
 transform:translateY(30px);
 opacity: 0;
}
 100% {
 transform:translateY(0px);
 opacity: 1;
}
}



/*
==========
zoomerOut
==========
*/
.zoomerOut{
	animation-name: zoomerOut;
	-webkit-animation-name: zoomerOut;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0);	
	-webkit-animation-timing-function: cubic-bezier(0.5, 0.2, 0.3, 1.0);

	-webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;

    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;	

	visibility: visible !important;						
}
@-webkit-keyframes zoomerOut {
  0% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(0.8);
  }
}
@keyframes zoomerOut {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.8);
  }
}
.swap {
	-webkit-animation-name:swap;
	animation-name:swap;
}
@-webkit-keyframes swap {
0% {
opacity:0;
-webkit-transform-origin:0 100%;
-webkit-transform:scale(0, 0) translate(-700px, 0px);
}
100% {
opacity:1;
-webkit-transform-origin:100% 100%;
-webkit-transform:scale(1, 1) translate(0px, 0px);;
}
}
@keyframes swap {
0% {
opacity:0;
transform-origin:0 100%;
transform:scale(0, 0) translate(-700px, 0px);
}
100% {
opacity:1;
transform-origin:100% 100%;
transform:scale(1, 1) translate(0px, 0px);
}
}


.perspectiveLeftRetourn {
	-webkit-backface-visibility:visible !important;
	backface-visibility:visible !important;
	-webkit-animation-name:perspectiveLeftRetourn;
	animation-name:perspectiveLeftRetourn;
}
@-webkit-keyframes perspectiveLeftRetourn {
0% {
-webkit-transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(-130deg);
}
100% {
-webkit-transform-origin:0 0;
-webkit-transform:perspective(800px) rotateY(0deg);
}
}
@keyframes perspectiveLeftRetourn {
0% {
transform-origin:0 0;
transform:perspective(800px) rotateY(-130deg);
}
100% {
transform-origin:0 0;
transform:perspective(800px) rotateY(0deg);
}
}


.spaceInUp {
	-webkit-animation-name:spaceInUp;
	animation-name:spaceInUp;
}
@-webkit-keyframes spaceInUp {
0% {
opacity:0;
-webkit-transform-origin:50% 0%;
-webkit-transform:scale(.2) translate(0%, -200%);
}
100% {
opacity:1;
-webkit-transform-origin:50% 0%;
-webkit-transform:scale(1) translate(0%, 0%);
}
}
@keyframes spaceInUp {
0% {
opacity:0;
transform-origin:50% 0%;
transform:scale(.2) translate(0%, -200%);
}
100% {
opacity:1;
transform-origin:50% 0%;
transform:scale(1) translate(0%, 0%);
}
}
/*.paizi img{animation: whirl 50s linear infinite;}*/
 @keyframes whirl {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }
		
		

.puffIn {
	-webkit-animation-name:puffIn;
	animation-name:puffIn;
}

@-webkit-keyframes puffIn {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
-webkit-filter:blur(2px);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
-webkit-filter:blur(0px);
}
}
@keyframes puffIn {
0% {
opacity:0;
transform-origin:50% 50%;
transform:scale(2, 2);
filter:blur(2px);
}
100% {
opacity:1;
transform-origin:50% 50%;
transform:scale(1, 1);
filter:blur(0px);
}
}


.active .crho h2 span:nth-of-type(2) {
  animation-delay: .05s;
}

.active .crho h2 span:nth-of-type(3) {
  animation-delay: .1s;
}

.active .crho h2 span:nth-of-type(4) {
  animation-delay: .15s;
}

.active .crho h2 span:nth-of-type(5) {
  animation-delay: .2s;
}

.active .crho h2 span:nth-of-type(6) {
  animation-delay: .25s;
}

.active .crho h2 span:nth-of-type(7) {
  animation-delay: .3s;
}

.active .crho h2 span:nth-of-type(8) {
  animation-delay: .35s;
}

.active .crho h2 span:nth-of-type(9) {
  animation-delay: .4s;
}

.active .crho h2 span:nth-of-type(10) {
  animation-delay: .45s;
}

.crho h2 span:nth-of-type(11) {
  animation-delay: .5s;
}

.active .crho h2 span:nth-of-type(12) {
  animation-delay: .55s;
}

.active .crho h2 span:nth-of-type(13) {
  animation-delay: .6s;
}

.active .crho h2 span:nth-of-type(14) {
  animation-delay: .65s;
}
.active .crho h2 span:nth-of-type(15) {
  animation-delay: .7s;
}
.active .crho h2 span:nth-of-type(16) {
  animation-delay: .75s;
}
.active .crho h2 span:nth-of-type(17) {
  animation-delay: .8s;
}
.active .crho h2 span:nth-of-type(18) {
  animation-delay: .85s;
}
.active .crho h2 span:nth-of-type(19) {
  animation-delay: .9s;
}
.active .crho h2 span:nth-of-type(20) {
  animation-delay: .95s;
}
.active .crho h2 span:nth-of-type(21) {
  animation-delay: 1s;
}



.crho3 h2 span:nth-of-type(2) {
  animation-delay: .05s;
}

.crho3 h2 span:nth-of-type(3) {
  animation-delay: .1s;
}

.crho3 h2 span:nth-of-type(4) {
  animation-delay: .15s;
}

.crho3 h2 span:nth-of-type(5) {
  animation-delay: .2s;
}

.active .crho h2 span:nth-of-type(6) {
  animation-delay: .25s;
}

.crho3 h2 span:nth-of-type(7) {
  animation-delay: .3s;
}

.active .crho h2 span:nth-of-type(8) {
  animation-delay: .35s;
}

.crho3 h2 span:nth-of-type(9) {
  animation-delay: .4s;
}

.crho3 h2 span:nth-of-type(10) {
  animation-delay: .45s;
}

.crho3 span:nth-of-type(11) {
  animation-delay: .5s;
}

.crho3 h2 span:nth-of-type(12) {
  animation-delay: .55s;
}

.crho3 h2 span:nth-of-type(13) {
  animation-delay: .6s;
}

.crho3 h2 span:nth-of-type(14) {
  animation-delay: .65s;
}

@keyframes leftRight {
  40% {
    transform: translate(50px, 0) scale(.7);
    opacity: 1;
    color: #fff;
  }
  60% {
    color: #0031ff;
  }
  80% {
    transform: translate(0) scale(2);
    opacity: 0;
  }
  100% {
    transform: translate(0) scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}


.vanishIn {
	-webkit-animation-name:vanishIn;
	animation-name:vanishIn;
}
@-webkit-keyframes vanishIn {
0% {
opacity:0.5;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
-webkit-filter:blur(90px);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
-webkit-filter:blur(0px);
}
}
@keyframes vanishIn {
0% {
opacity:0.5;
transform-origin:50% 50%;
transform:scale(2, 2);
-webkit-filter:blur(90px);
}
100% {
opacity:1;
transform-origin:50% 50%;
transform:scale(1, 1);
-webkit-filter:blur(0px);
}
}

.fangunc {
	animation:fangunc 3s infinite linear;
	-mzoanimation:fangunc 3s infinite linear;
	-webkit-animation:fangunc 3s infinite linear ;
	-o-animation:fangunc 3s infinite linear;
}
@keyframes fangunc {
 0% {
 transform:rotate(0deg);
 -moz-transform:rotate(0deg);
 -webkit-transform:rotate(0deg);
 -o-transform:rotate(0deg);
}
 100% {
 transform:rotate(360deg);
 -moz-transform:rotate(360deg);
 -webkit-transform:rotate(360deg);
 -o-transform:rotate(360deg);
}
}



@-webkit-keyframes pulse1 {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}

50% {
	-webkit-transform:scaleX(1.2);
	transform:scaleX(1.2)
}
100% {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
@keyframes pulse1 {
0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}

50% {
	-webkit-transform:scaleX(1.2);
	transform:scaleX(1.2)
}
100% {
	-webkit-transform:scaleX(1);
	transform:scaleX(1)
}
}
.pulse1 {
	-webkit-animation-name:pulse1;
	animation-name:pulse1
}

.zibnr {
	animation:zibnr 3s infinite linear;
	-mzoanimation:zibnr 3s infinite linear;
	-webkit-animation:zibnr 3s infinite linear ;
	-o-animation:zibnr 3s infinite linear;
}
@keyframes zibnr {
	     0%{transform: translateX(0px);
		 opacity:0.5}
		 
		 
		 100%{transform: translateX(277px);
		 opacity:1;}
        }
.zibnr1 {
	animation:zibnr1 3s infinite linear;
	-mzoanimation:zibnr1 3s infinite linear;
	-webkit-animation:zibnr1 3s infinite linear ;
	-o-animation:zibnr1 3s infinite linear;
}
@keyframes zibnr1 {
	     0%{transform: translateX(0px);
		 opacity:0}
		 
		 
		 100%{transform: translateX(277px);
		 opacity:1;}
        }
		
		/*Floor002529 */
.Floor002529{ padding:14% 0;}
.Floor002529 .video{ position:relative; z-index:1;}
.Floor002529 .video img{ display:block; width:100%;}
.Floor002529 .open_video,
.Floor002529 .file{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; }
.Floor002529 .open_video span{position:absolute; left:0; text-align:center; top:50%; margin-top:-41px; color:#fff;width:100%; line-height:20px;}
.Floor002529 .open_video span::before{ display:block; content:''; max-width:60px; width:15%; height:52px; background:url(../images/floor002529_icon.png) no-repeat center center; background-size:contain; margin:0 auto 10px;}
.Floor002529 .file{ z-index:3; display:none;}
.Floor002529 .file .close{ position:absolute; z-index:10; right:1%; top:3%; width:40px; height:40px; border-radius:50%; background:#db9a51; cursor:pointer;}
.Floor002529 .file .close span{ font-size:20px; color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.Floor002529 .intro{ padding-bottom:2%;max-width:1100px;margin:0 auto;text-align: center;}
.Floor002529 .intro p{color:#fff;font-size:16px;line-height: 27px}
.Floor002529 .intro .more{color:#fff;border:1px solid rgba(255,255,255,1);margin-top:52px;display: inline-block; padding:13px 56px;letter-spacing: 2px; border-radius: 50px}
.Floor002529 .intro .more:hover{background:#c02329;border:1px solid #c02329;}
.Floor002529 .intro .ul_num{ max-width:950px; margin:5% auto 4%;}
.Floor002529 .intro .ul_num li{ float:left; width:25%; text-align:center; font-size:18px; color:#fff;}
.Floor002529 .intro .ul_num li span{position: relative; color:#fff; font-size:44px;font-family: "DINCond-Bold";margin-right:5px;}
.Floor002529 .intro .ul_num li b{position: absolute; font-weight: normal;color:#fff;background:#c02329;padding:2px;border-radius: 3px;font-size:14px;display: inline-block;bottom:12px;margin-left:4px;}
.Floor002529 .intro .ul_num li p{ font-size:22px; margin:0;}
@media(max-width:1024px){
.Floor002529 .intro .ul_num li span{ font-size:40px;}
.Floor002529{margin-top:-1px;padding: 24% 0;}
}
@media(max-width:640px){
.Floor002529 .intro .ul_num li{ font-size:14px;width:25%; }
.Floor002529 .intro .ul_num li span{ font-size:30px;}
.Floor002529 .intro p{ text-align: left;}
.Floor002529 .intro .ul_num li p{ font-size:18px; text-align: center;}
.Floor002529 .intro .more{margin-top:2%;padding: 10px 43px;}
.Floor002529 .video img{ height:220px;}
.Floor002529{margin-top:-1px;padding: 20% 0;}
.Floor002529 .intro .ul_num{    margin: 15% auto 10%;}
.Floor002529 .intro p{line-height: 30px;}
}
@media(max-width:410px){
.Floor002529 .intro .ul_num li{ font-size:14px;width:50%; }
}
/*Floor002827 */
@font-face {
  font-family: "HelveticaNeueLTPro-MdCn";
  src: url("../fonts/helveticaneueltpro-mdcn.woff2") format("woff2"),
       url("../fonts/HelveticaNeueLTPro-MdCn.woff") format("woff"),
       url("../fonts/helveticaneueltpro-mdcn.ttf") format("truetype"),
       url("../fonts/helveticaneueltpro-mdcn.eot") format("embedded-opentype"),
       url("../fonts/helveticaneueltpro-mdcn.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.list1 {
    background: #f2f2f2;
}
.al_bj{height: 780px;padding-top:264px;box-sizing: border-box;overflow-x: hidden;overflow-y:hidden;}

.al_nr{background: #fff;height: 503px;padding:24px 20px 21px 25px;box-sizing: border-box;position: relative;}
.al_n{border:1px solid #d2d2d2;height: 456px;padding-left:19px;}
.al_n .tempWrap {
    width: 100% !important;
}
.al_n li{float:left;padding:19px 21px 0 0px;border-right:1px solid #d2d2d2;height:437px;margin-right:21px;width: 390px;}
.al_n li i {font-size:0;line-height: 0;overflow: hidden;width:100%;display: block;}
.al_n li i img{height: 193px;transition:all 0.5s;object-fit: cover;width:100%;}
.al_n li:hover i img{transform:scale(1.1);}

.al_n li h4 a{display: block;text-decoration: none;font-size:18px;color: #000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;padding-top:20px;}
.al_n li:hover h4 a{color:#005bac;}
.al_n li p{font-size:14px;line-height: 30px;color: #666666;height: 124px;padding-top:6px;border-bottom:1px dashed #c3c3c3;}
.al_n li em{display: block;text-align: right;}
.al_n li em a{font-size:14px;color: #005bac;padding-right:18px;background: url(../images/al_ico1.jpg) no-repeat right;display: inline-block;margin-top:20px;font-style: normal;}
.al_n li:last-child{margin:0;border:0;}
.al_j1,.al_j2{position: absolute;top:246px;}
.al_j1{left:-70px;}
.al_j2{right:-70px;}
.container .w1200 .title h2 {
    font-size: 38px;
    font-weight: bold;
    text-align: center;
    line-height: 55px;
    color: #333;
    font-family: "sycn";
}
.container .w1200 .tablist {
    text-align: center;
    line-height: 37px;
    margin-top: 10px;
    position: relative;
}
.container .w1200 .tablist ul {
    width: 1150px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 22px;
}

.container .w1200 .tablist ul li {
    width: 180px;
    height: 50px;
    float: left;
    margin: 0 5px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #dbdbdb;
    border-radius: 6px;
}
.mb5 {
    margin-bottom: 3%;
}
.container .w1200 .list {
    font-size: 14px;
    float: left;
    width:100%;
}
.container .w1200 .tablist ul li a {
    font-weight: 300;
    text-decoration : none;
    color: #FFFFFF;
    font-family: MicrosoftYaHeiLight;
}
.container .w1200 .list ul li a img {
    width: 100%;
}
.container .w1200 .list ul li a span {
		font-weight: 300;
    background: #005bac;
    color: white;
}
.container .w1200 .list ul li {
    margin-right: 22px;
    width: 23%;
    float: left;
    transition: 0.5s all;
    overflow: hidden;
}
.container .w1200 .list ul li span {
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    display: block;
}
.container .w1200 .tablist ul li:hover{
    color: #fff;
    background: #005bac;
}
.pr-bac {
    background: rgb(242, 242, 242);
    padding: 80px 0;
}